<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>宝生和鸣</title>
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta content="telephone=no" name="format-detection">
  <link rel="icon" href="images/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./layui/css/layui.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/animation.css">
  <link rel="stylesheet" type="text/css" media="screen and (min-width:961px)" href="./css/pc.css">
  <link rel="stylesheet" type="text/css" media="screen and (max-width:960px)" href="./css/wap.css">
  <style>
    html,
    body {
      background: #fff;
    }
  </style>
</head>

<body ontouchstart>
  <div class="b-doc">
    <div class="b-bd">
      <!-- header 模块 -->
      <div class="header header-bg-black">
        <div class="header-container clear">
          <img src="images/logo.png" class="logo">
          <div class="nav-btn">
            <span class="n1"></span>
            <span class="n2"></span>
            <span class="n3"></span>
          </div>
          <div class="nav clear">
            <a class="nav-item" href="index.html">
              <span class="text">首页</span>
            </a>
            <a class="nav-item" href="news.html">
              <span class="text">新闻资讯</span>
            </a>
            <a class="nav-item on" href="product.html">
              <span class="text">产品介绍</span>
            </a>
            <a class="nav-item" href="about.html">
              <span class="text">关于我们</span>
            </a>
            <a class="nav-item wap-hide" href="personCenter.html">
              <span class="text">个人中心</span>
            </a>
            <a class="nav-item personal" href="personCenterWap.html">
              <span class="text">个人中心</span>
            </a>
          </div>
        </div>
      </div>
      <div class="pop-nav" style="background: rgba(255, 255, 255, 0); position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 10; display: none;"></div>
      <div class="content">
        <div class="title-img">
          <img src="images/p2.jpg" alt="">
        </div>
        <div class="main product">
          <div class="title">
            <h2>
              <i>产品</i>介绍</h2>
            <p class="english">PRODUCT INTRODUCTION</p>
          </div>
          <div class="layui-fluid product-content">
            <div class="layui-row">
              <div class="layui-col-xs12 layui-col-md6">
                <a class="item" href="product-detail.html">
                  <div class="img-wrapper">
                    <img src="images/pd1.jpg" alt="">
                  </div>
                  <h3 class="name layui-elip">帝唐饮</h3>
                </a>
              </div>
              <div class="layui-col-xs12 layui-col-md6">
                <a class="item" href="product-detail2.html">
                  <div class="img-wrapper">
                    <img src="images/pd2.jpg" alt="">
                  </div>
                  <h3 class="name layui-elip">宝生和鸣量子低频水素机</h3>
                </a>
              </div>
              <div class="layui-col-xs12 layui-col-md6">
                <a class="item" href="product-detail3.html">
                  <div class="img-wrapper">
                    <img src="images/pd3.jpg" alt="">
                  </div>
                  <h3 class="name layui-elip">立群能量源</h3>
                </a>
              </div>
              <div class="layui-col-xs12 layui-col-md6">
                <a class="item" href="product-detail4.html">
                  <div class="img-wrapper">
                    <img src="images/pd4.jpg" alt="">
                  </div>
                  <h3 class="name">全息医学DNA微磁预警检测</h3>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="footer clear">
    <div class="ft-content">
      <div class="ft-logo">
        <img src="images/logo.png" alt="">
      </div>
      <div class="ft-site">
        <h3>深圳市宝生和鸣生物科技有限公司</h3>
        <p>联系电话：4000031909</p>
        <p>公司地址：深圳前海宝安中心区的卓越时代广场</p>
      </div>
      <div class="ft-share">
        <div>
          <a href="#">
            <img src="images/ft-1.png" alt="">
            <p>微信公众号</p>
          </a>
        </div>
        <div>
          <a href="#">
            <img src="images/ft-2.png" alt="">
            <p>微博</p>
          </a>
        </div>
        <div>
          <a href="#">
            <img src="images/ft-3.png" alt="">
            <p>QQ客服</p>
          </a>
        </div>
      </div>
    </div>
  </div>
  <script src="js/jquery-1.8.3.min.js"></script>
  <script src="./layui/layui.js"></script>
  <script src="js/fastclick.js"></script>
  <script src="js/common.js"></script>
  <script>
    layui.use(['element', 'layer'], function () {
      var element = layui.element,
        layer = layui.layer;
    });
  </script>
</body>

</html>